<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="renderer" content="webkit" />
    <meta property="og:title" content="刘贼强的博客" />
    <title>刘贼强的博客</title>
    <meta name="keywords" content="个人网站模板、企业网站模板分享">
    <meta name="description" content="刘贼强的博客是一个分享网站模板和一些学习及生活中事情的地方。">

    <!--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/base.css">
    <!--引入分享插件-->
    <link rel="stylesheet" href="css/share.min.css">
    <script src="js/getParameter.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/base.js"></script>
    <!--引入分享插件-->
    <script src="js/jquery.share.min.js"></script>
    <!--这里是因为在文章所以要隐藏掉右侧身体部分在大屏幕下的div，在小屏幕时在显示出来-->
    <style type="text/css">.base_content_right{width: 0;visibility: hidden;height: 0;}</style>
    <script src="js/jquery-1.11.2.js"></script>
    <script type="text/javascript">
        var parameter = getParameter("id");
        function shang() {
                if(parameter>1){
                    $.post("/shang?id="+parameter,
                        {},function (data) {
                            var html="";
                            html+="   <div class=\"wenzhang_box_article_info\">\n" +
                                "                    <i class=\"fa fa-quote-left\"></i>\n" +
                                data.title +
                                "                    <i class=\"fa fa-quote-right\"></i>\n" +
                                "                </div>\n" +
                                data.matter;
                            document.getElementById('write').innerHTML=html;

                            var html2="";
                            html2+="    <a href=\"list.html\">我的博客<i class=\"fa fa-angle-right\"></i></a>\n" +
                                "\n" +
                                data.title;
                            document.getElementById('dao').innerHTML=html2;
                        });
                }if(parameter==1){
                    alert("已经第一篇了！")
            }
            parameter--;
            xai2(parameter);
            da2();
        }
        function da2(){
            if(parameter>1){
                $.post("/shang?id="+parameter,
                    {},function (data) {
                        var html="";
                        html='  <a  onclick="shang()" href="javascript:void(0)" title="上篇文章：标题"><i class="fa fa-arrow-left"></i>上篇文章：'+data.title+'</a>\n' ;
                        document.getElementById('list').innerHTML=html
                    });
            }if(parameter==1){
                $.post("/shang?id="+parameter,
                    {},function (data) {
                        var html="";
                        html='  <a  onclick="shang()" href="javascript:void(0)" title="上篇文章：标题"><i class="fa fa-arrow-left"></i>上篇文章：'+data.title+'</a>\n' ;
                        document.getElementById('list').innerHTML=html
                    })
            }
        }
        function xia() {
            $.post("/xia?id="+parameter,{},function (data) {
                if(parameter<=data.length){
                    var html="";
                    html+="   <div class=\"wenzhang_box_article_info\">\n" +
                        "                    <i class=\"fa fa-quote-left\"></i>\n" +
                        data.title +
                        "                    <i class=\"fa fa-quote-right\"></i>\n" +
                        "                </div>\n" +
                        data.matter;
                    document.getElementById('write').innerHTML=html;

                    var html2="";
                    html2+="    <a href=\"list.html\">我的博客<i class=\"fa fa-angle-right\"></i></a>\n" +
                        "\n" +
                        data.title;
                    document.getElementById('dao').innerHTML=html2;
                }
                if (parameter == data.length) {
                    alert("最后一篇了")
                }
            });
            parameter++;
            da2(parameter);
            xai2()
        }
        function xai2() {
            $.post("/xia?id="+parameter,
                {},function (data) {
                    var html="";
                    html='  <a  onclick="xia()" href="javascript:void(0)" title="下篇文章：标题"><i class="fa fa-arrow-left"></i>下篇文章：'+data.title+'</a>\n' ;
                    document.getElementById('xia').innerHTML=html
                });
        }
        var flag=1;
        function da(){
            /*多次点击同一个地方触发不同的事件*/
            if(flag%2==0){
                var id = getParameter("id");
                $.ajax({
                    url:"sup2?support="+id,
                    data:{},
                    success:function (da) {
                        alert("取消点赞");
                        var elementById = document.getElementById('button');
                        elementById.style.setProperty("background-color", " rgba(0,0,0,.7)", "");
                    }
                })
            }else{
                var id = getParameter("id");
                $.ajax({
                    url:"sup?support="+id,
                    data:{},
                    success:function (da) {
                        var elementById = document.getElementById('button');
                        elementById.style.setProperty("background-color", "red", "");
                        elementById.style.color="white"
                    }
                })
            }
            flag++;
        }
        window.onload=function (){
         da2();
         xai2();
            function getUrlParms(name){
                var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                var r = decodeURI(location.search.substring(1)).match(reg);
                if(r!=null)
                    return unescape(r[2]);
                return null;
            }
            var matter= getUrlParms("matter");
            var title= getUrlParms("title");
            var html="";
            html+="   <div class=\"wenzhang_box_article_info\">\n" +
                "                    <i class=\"fa fa-quote-left\"></i>\n" +
               title +
                "                    <i class=\"fa fa-quote-right\"></i>\n" +
                "                </div>\n" +
                matter;
            document.getElementById('write').innerHTML=html;

            var html2="";
            html2+="    <a href=\"list.html\">我的博客<i class=\"fa fa-angle-right\"></i></a>\n" +
                "\n" +
              title;
            document.getElementById('dao').innerHTML=html2;
        }
    </script>
</head>

<body>

<!--base随笔页面的图片-->
<div class="bg_pic"></div>

<!--base随笔页面的头部部分-->
<div class="base_header">

    <div class="base_header_content">

        <a href="index.html" class="base_header_logo"><img src="img/logo.png"></a>

        <div class="base_header_nav">
            <ul>
                <!--这里是没有子栏目的样式-->
                <li><i class="fa fa-caret-right"></i><a href="index.html">首页</a></li>

                <!--顶级导航-->
                <li class="have_second_navs">
                    <i class="fa fa-caret-right"></i><a href="list.html" class="base_header_nav_active">模板</a>

                    <!--二级导航有子栏目的时候-->
                    <ul class="nav_child">

                        <li><i class="fa fa-caret-right"></i><a href="list.html">个人</a>

                            <!--三级栏目-->
                            <ul class="nav_child">
                                <li><a href="list.html">博客类</a></li>
                                <li><a href="list.html">技术类</a></li>
                                <li><a href="list.html">学习类</a></li>
                            </ul>

                        </li>

                        <!--二级导航没有子栏目的时候-->
                        <li><a href="list.html">学习</a></li>

                    </ul>
                </li>



                <!--顶级导航-->
                <li class="have_second_navs">
                    <i class="fa fa-caret-right"></i><a href="list.html">博客</a>


                    <!--二级导航有子栏目的时候-->
                    <ul class="nav_child">

                        <li><i class="fa fa-caret-right"></i><a href="list.html">学习</a>

                            <!--三级栏目-->
                            <ul class="nav_child">
                                <li><a href="list.html">css</a></li>
                                <li><a href="list.html">js</a></li>
                                <li><a href="list.html">jquery</a></li>
                            </ul>

                        </li>

                        <!--二级导航没有子栏目的时候-->
                        <li><a href="javascript:void(0)">学习</a></li>

                    </ul>
                </li>




                <li>
                    <i class="fa fa-caret-right"></i>
                    <a href="suibi.html">随笔</a>
                </li>


            </ul>


        </div>

        <!--手机导航部分-->

        <div class="base_nav_menu" id="base_nav_menu" bind_click="true"><span bind_click="true"></span></div>

        <div class="base_nav_zhezao"></div>

    </div>
</div>

<!--base文章页身体部分开始-->
<div class="base_content_body">
<!--base文章页身体部分居中显示-->
    <div class="base_content_content clearfix">


        <div class="wenzhang_box wow zoomIn">
<!--文章盒子-->
            <div class="wenzhang_box_content clearfix">


                <img class="wenzhang_yinzhang" src="img/yinzhang.png">
<!--文章抬头-->
                <h3 class="yin"><a href="list.html"><i class="glyphicon glyphicon-arrow-left"></i></a></h3>
            <div class="wenzhang_box_content_title">
                <h4 id="dao">

                </h4>

                <p class="wenzhang_box_content_jieshao">
                    <span class="wenzhang_box_content_jieshao_zuozhe">作者：张政</span>

                    <span class="wenzhang_box_content_jieshao_zishu">总字数：3500</span>

                    <span class="wenzhang_box_content_jieshao_time">更新于：2020-08-07 11:00:36</span>
                    <span class="wenzhang_box_content_jieshao_weiguan">围观群众：<span class="wenzhang_box_content_jieshao_xieti">8888</span></span>

                    <span class="wenzhang_box_content_jieshao_dig">点赞人数：<span class="wenzhang_box_content_jieshao_xieti">500</span></span>

                    <span class="wenzhang_box_content_jieshao_pinglun">评论人数：<span class="wenzhang_box_content_jieshao_xieti">500</span></span>

                </p>

            </div>
<!--文章抬头的右侧书-->
<!--            <div class="wenzhang_box_content_title_right">-->
<!--                <img src="img/yinzhang.png">-->
<!--            </div>-->

<!--文章身体部分-->

            <div class="wenzhang_box_article" id="write">

            </div>


                <div class="article_dig">

                    <!--文章页的点赞按钮-->
                    <a href="javascript:void(0)" class="wenzhang_dig_button" id="button" title="点个赞鼓励一下吧！" onclick="da()"><i class="fa fa-thumbs-up"></i></a>

                    <!--分享插件的盒子-->
                    <div id="share"></div>

                    <script>
                        $('#share').share({sites: ['wechat', 'weibo', 'qq','qzone','tencent','douban']});
                    </script>

                </div>


                <div class="wenzhang_box_article_shengming">
                    <p>文章声明： 非特殊说明，本文版权归 刘贼强个人博客 所有，转载请注明出处</p>
                    <p>本文标题： <span class="wenzhang_box_article_shengming_title" title="文章title">文章标题部分文章标题部分文章标题部分文章标题部分</span></p>
                    <p>本文地址： <span class="wenzhang_box_article_shengming_link" title="文章链接">http://www.刘贼强andff.com</span></p>
                </div>

                <div class="article_prev_next_list clearfix" >
                    <span id="list"></span>
                    <span><a href="/list.html" title="返回目录"><i class="fa fa-list-ul"></i>返回目录</a></span>
                    <span id="xia"><a onclick="xia()" href="javascript:void(0)" title="下篇文章：标题"><i class="fa fa-arrow-right"></i>下篇文章：</a></span>

                </div>
                <div class="pinglun_box">
                    <h3>全部评论</h3>
                </div>
            </div>

        </div>



        <!--base随笔页身体右边部分-->
        <div class="base_content_right">

            <div class="base_content_right_item" id="base_content_right_down">
                <div class="base_search">
                    <form name="searchform" class="search_form" method="post" action="#" target="_blank">
                        <input type="text" class="search_text" required="required" name="keyboard" placeholder="输入关键字搜索">
                        <input type="hidden" name="tbname" value="news">
                        <input type="hidden" name="show" value="title,smalltext">
                        <input type="hidden" name="tempid" value="1">
                        <input type="hidden" name="classid" value="1,4,9">
                        <input type="submit" class="search_btn" value="" title="搜索">
                        <i class="fa fa-search"></i>
                    </form>
                </div>



                <!--这里是页面右侧的导航部分-->
                <div class="blog_right_nav">

                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>

                    </ul>

                </div>
                <!--这里是右侧的博客介绍部分-->
                <div class="blog_info">
                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="javascript:void(0)">博客介绍</a></li>
                        <li><a href="javascript:void(0)">创建时间:2018年12月12日</a></li>
                        <li><a href="javascript:void(0)">创建目的:发布学习心得发布学习心得发布学习心得发布学习心得</a></li>
                        <li><a href="javascript:void(0)">文章总数:210</a></li>
                        <li><a href="javascript:void(0)">来访人数:210</a></li>
                    </ul>
                </div>
                <!--这里是右侧的博主介绍部分-->
                <div class="blog_master_info">
                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="javascript:void(0)">博主介绍</a></li>
                        <li><a href="javascript:void(0)">网名：大青牛和穿山甲</a></li>
                        <li><a href="javascript:void(0)">座右铭：这里放座右铭，写什么还没想好。</a></li>
                        <li><a href="javascript:void(0)">简介：80后，爱研究，爱读书，爱旅游，期盼有一天有能力环游全世界，看遍世界的美丽。</a></li>
                    </ul>
                </div>


            </div>



            <div class="base_content_right_item">

                <h3 class="base_content_right_item_title">点击排行</h3>
                <div class="base_content_right_item_list">

                    <ul>
                        <li><a href="javascript:void(0)">最新文章第一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第六篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第七篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第八篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第九篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                    </ul>
                </div>
            </div>


            <div class="base_content_right_item">

                <h3 class="base_content_right_item_title">最新文章</h3>
                <div class="base_content_right_item_list">

                    <ul>
                        <li><a href="javascript:void(0)">最新文章第一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第六篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第七篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第八篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第九篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                    </ul>

                </div>
            </div>




        </div>


    </div>

</div>


<!--一键回到顶部的box-->
<div class="go_top"><i class="fa fa-angle-up"></i></div>

<div class="base_footer">
    <ul>
        <li><a href="https://wpa.qq.com/msgrd?v=3&uin=446157433&site=qq&menu=yes" target="_blank" title="QQ:446157433"  class="base_footer_qq"><i class="fa fa-qq"></i></a></li>
        <li><a href="mailto:446157433@qq.com" target="_blank" title="邮箱：446157433" class="base_footer_email"><i class="fa fa-envelope"></i></a></li>
        <li><a href="javascript:void(0)" title="扫描微信二维码联系我们" class="base_footer_weixin"><i class="fa fa-weixin"></i><img src="img/erweima.png"></a></li>
    </ul>

    <span class="base_footer_text">Copyright © 2019-2020 Power by 刘贼强的博客</span>
    <span class="base_footer_text">ICP备案号：<a href="http://www.beian.miit.gov.cn/">XXXXXXXXXX</a></span>
</div>

<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-1.8.3.min.js"></script>
</body>
</html>